<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2099572" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">所罗门群岛</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">津巴布韦</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">圣多美和普林西比</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">圣文森特和格林纳丁斯</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6de;</span>
                <div class="name">阿拉伯联合酋长国</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">英国</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">pakistan 巴基斯坦</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">panama 巴拿马</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">poland 波兰</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">puerto rico 波多黎各</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">qatar 卡塔尔</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">seychelles 塞舌尔</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">sierra leone 塞拉利昂</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">Somalia 索马里</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">sudan 苏丹</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">suriname 苏里南</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">syria 叙利亚</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">tanzania 坦桑尼亚</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">tajikistan 塔吉克斯坦</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">swaziland 斯威士兰</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">togo 多哥</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">tonga 汤加</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">tunisia 突尼斯</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">uganda 乌干达</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">uzbekistan 乌兹别克斯坦</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">venezuela 委内瑞拉</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">Yemen 也门</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">Zambia 赞比亚</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">巴布亚新几内亚</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">西班牙</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">秘鲁</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">罗马尼亚</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">乌克兰</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">南斯拉夫</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">斯洛伐克</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c3;</span>
                <div class="name">阿曼</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
                <div class="name">斯洛文尼亚</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">Sandi Arabia-沙特阿拉伯</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">Uruguay-乌拉圭</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">Turkey-土耳其</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">Switzerland-瑞士</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">Sweden-瑞典</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">Portugal-葡萄牙</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">United States-美国</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">Sri Lanka-斯里兰卡</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb8a;</span>
                <div class="name">塞内加尔</div>
                <div class="code-name">&amp;#xeb8a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb91;</span>
                <div class="name">特立尼达和多巴哥</div>
                <div class="code-name">&amp;#xeb91;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb92;</span>
                <div class="name">土库曼斯坦</div>
                <div class="code-name">&amp;#xeb92;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec10;</span>
                <div class="name">巴拉圭</div>
                <div class="code-name">&amp;#xec10;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec1c;</span>
                <div class="name">圣马力诺</div>
                <div class="code-name">&amp;#xec1c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">加纳</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
                <div class="name">朝鲜</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dc;</span>
                <div class="name">印度</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">冰岛</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">cote d'ivoire 科特迪瓦</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">grenada 格林纳达</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">guinea-bissau 几内亚比绍</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">guyana 圭亚那</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">honduras 洪都拉斯</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">ireland 爱尔兰</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">gibraltar 直布罗陀</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">israel 以色列</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">iraq 伊拉克</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">jamaica 牙买加</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">Jordan 约旦</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">kenya 肯尼亚</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">kuwait 科威特</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">lesotho 莱索托</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">kazakhstan 哈萨克斯坦</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">liberia 利比里亚</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">lithuania 立陶宛</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">luxemburg 卢森堡</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">lebanon 黎巴嫩</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">madagascar 马达加斯加</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">maldives 马尔代夫</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">mali 马里</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">malawi 马拉维</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">mauritius 毛里求斯</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">Liechtenstein 列支敦士登</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">monaco 摩纳哥</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">mongolia 蒙古</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">mozambique 莫桑比克</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">nauru 瑙鲁</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">namibia 纳米比亚</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">nigeria 尼日利亚</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">niger 尼日尔</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">moldova 摩尔多瓦</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">nicaragua 尼加拉瓜</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">意大利</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d1;</span>
                <div class="name">匈牙利</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e4;</span>
                <div class="name">希腊</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ec;</span>
                <div class="name">伊朗</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">利比亚</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">Norway-挪威</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">Malta-马耳他</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">Nepal-尼泊尔</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">Netherland-荷兰</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">Latvia-拉脱维亚</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">New zealand-新西兰</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">Mexico-墨西哥</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">Guatemala-危地马拉</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">Japan-日本</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">South Korea-韩国</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">Morocco-摩洛哥</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebb1;</span>
                <div class="name">海地</div>
                <div class="code-name">&amp;#xebb1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebbc;</span>
                <div class="name">博内尔荷属安的列斯</div>
                <div class="code-name">&amp;#xebbc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebcc;</span>
                <div class="name">关岛</div>
                <div class="code-name">&amp;#xebcc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">刚果</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">哥伦比亚</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">智利</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cf;</span>
                <div class="name">爱沙尼亚</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">斐济</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">benin 贝宁</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">botswana 博茨瓦纳</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">burkina faso 布基纳法索</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">burundi 布隆迪</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">cameroon 喀麦隆</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">chad 乍得</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">djibouti 吉布提</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">ethiopia 埃塞俄比亚</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">gabon 加蓬</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">the gambia 冈比亚</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">丹麦</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">埃及</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">保加利亚</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">古巴</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f1;</span>
                <div class="name">巴西</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
                <div class="name">玻利维亚</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">捷克</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">加拿大</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">Costa Rica-哥斯达黎加</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">Georgia-格鲁吉亚</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebbf;</span>
                <div class="name">伯利兹</div>
                <div class="code-name">&amp;#xebbf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec12;</span>
                <div class="name">多米尼加共和国</div>
                <div class="code-name">&amp;#xec12;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec15;</span>
                <div class="name">百慕大群岛</div>
                <div class="code-name">&amp;#xec15;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">安哥拉</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">阿尔巴尼亚</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">比利时</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">armenia 亚美尼亚</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">azerbaijan 阿塞拜疆</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">barbados 巴巴多斯</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">belarus 白俄罗斯</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">阿尔及利亚</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">奥地利</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">阿富汗</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">巴哈马</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c5;</span>
                <div class="name">安提瓜和巴布达</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dd;</span>
                <div class="name">阿根廷</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">巴林</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">安圭拉岛(英)</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">Bangladesh-孟加拉国</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">德国</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">英国</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">美国</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe957;</span>
                <div class="name">法国</div>
                <div class="code-name">&amp;#xe957;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">印度</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">澳门</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">越南</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">brunei 文莱</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">myanmar 缅甸</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">老挝</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">印度尼西亚</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">马来西亚</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">新西兰</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e5;</span>
                <div class="name">泰国</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
                <div class="name">柬埔寨</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">菲律宾</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">香港</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cd;</span>
                <div class="name">新加坡</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe94f;</span>
                <div class="name">中国</div>
                <div class="code-name">&amp;#xe94f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe766;</span>
                <div class="name">澳大利亚</div>
                <div class="code-name">&amp;#xe766;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">Russia-俄罗斯</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-suoluomenqundao"></span>
            <div class="name">
              所罗门群岛
            </div>
            <div class="code-name">.icon-suoluomenqundao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinbabuwei"></span>
            <div class="name">
              津巴布韦
            </div>
            <div class="code-name">.icon-jinbabuwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengduomeihepulinxibi"></span>
            <div class="name">
              圣多美和普林西比
            </div>
            <div class="code-name">.icon-shengduomeihepulinxibi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengwensentehegelinnadingsi"></span>
            <div class="name">
              圣文森特和格林纳丁斯
            </div>
            <div class="code-name">.icon-shengwensentehegelinnadingsi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-alabolianheqiuchangguo"></span>
            <div class="name">
              阿拉伯联合酋长国
            </div>
            <div class="code-name">.icon-alabolianheqiuchangguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingguo1"></span>
            <div class="name">
              英国
            </div>
            <div class="code-name">.icon-yingguo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pakistanbajisitan"></span>
            <div class="name">
              pakistan 巴基斯坦
            </div>
            <div class="code-name">.icon-pakistanbajisitan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-panamabanama"></span>
            <div class="name">
              panama 巴拿马
            </div>
            <div class="code-name">.icon-panamabanama
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-polandbolan"></span>
            <div class="name">
              poland 波兰
            </div>
            <div class="code-name">.icon-polandbolan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-puertoricoboduolige"></span>
            <div class="name">
              puerto rico 波多黎各
            </div>
            <div class="code-name">.icon-puertoricoboduolige
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qatarqiataer"></span>
            <div class="name">
              qatar 卡塔尔
            </div>
            <div class="code-name">.icon-qatarqiataer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-seychellessaisheer"></span>
            <div class="name">
              seychelles 塞舌尔
            </div>
            <div class="code-name">.icon-seychellessaisheer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sierraleonesailaliang"></span>
            <div class="name">
              sierra leone 塞拉利昂
            </div>
            <div class="code-name">.icon-sierraleonesailaliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Somaliasuomali"></span>
            <div class="name">
              Somalia 索马里
            </div>
            <div class="code-name">.icon-Somaliasuomali
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sudansudan"></span>
            <div class="name">
              sudan 苏丹
            </div>
            <div class="code-name">.icon-sudansudan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-surinamesulinan"></span>
            <div class="name">
              suriname 苏里南
            </div>
            <div class="code-name">.icon-surinamesulinan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-syriaxuliya"></span>
            <div class="name">
              syria 叙利亚
            </div>
            <div class="code-name">.icon-syriaxuliya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tanzaniatansangniya"></span>
            <div class="name">
              tanzania 坦桑尼亚
            </div>
            <div class="code-name">.icon-tanzaniatansangniya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tajikistantajikesitan"></span>
            <div class="name">
              tajikistan 塔吉克斯坦
            </div>
            <div class="code-name">.icon-tajikistantajikesitan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-swazilandsiweishilan"></span>
            <div class="name">
              swaziland 斯威士兰
            </div>
            <div class="code-name">.icon-swazilandsiweishilan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-togoduoge"></span>
            <div class="name">
              togo 多哥
            </div>
            <div class="code-name">.icon-togoduoge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongatangjia"></span>
            <div class="name">
              tonga 汤加
            </div>
            <div class="code-name">.icon-tongatangjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tunisiatunisi"></span>
            <div class="name">
              tunisia 突尼斯
            </div>
            <div class="code-name">.icon-tunisiatunisi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ugandawuganda"></span>
            <div class="name">
              uganda 乌干达
            </div>
            <div class="code-name">.icon-ugandawuganda
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-uzbekistanwuzibiekesitan"></span>
            <div class="name">
              uzbekistan 乌兹别克斯坦
            </div>
            <div class="code-name">.icon-uzbekistanwuzibiekesitan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-venezuelaweineiruila"></span>
            <div class="name">
              venezuela 委内瑞拉
            </div>
            <div class="code-name">.icon-venezuelaweineiruila
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Yemenyemen"></span>
            <div class="name">
              Yemen 也门
            </div>
            <div class="code-name">.icon-Yemenyemen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Zambiazanbiya"></span>
            <div class="name">
              Zambia 赞比亚
            </div>
            <div class="code-name">.icon-Zambiazanbiya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-babuyaxinjineiya"></span>
            <div class="name">
              巴布亚新几内亚
            </div>
            <div class="code-name">.icon-babuyaxinjineiya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xibanya"></span>
            <div class="name">
              西班牙
            </div>
            <div class="code-name">.icon-xibanya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-milu"></span>
            <div class="name">
              秘鲁
            </div>
            <div class="code-name">.icon-milu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-luomaniya"></span>
            <div class="name">
              罗马尼亚
            </div>
            <div class="code-name">.icon-luomaniya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wukelan"></span>
            <div class="name">
              乌克兰
            </div>
            <div class="code-name">.icon-wukelan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nansilafu"></span>
            <div class="name">
              南斯拉夫
            </div>
            <div class="code-name">.icon-nansilafu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-siluofake"></span>
            <div class="name">
              斯洛伐克
            </div>
            <div class="code-name">.icon-siluofake
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-aman"></span>
            <div class="name">
              阿曼
            </div>
            <div class="code-name">.icon-aman
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-siluowenniya"></span>
            <div class="name">
              斯洛文尼亚
            </div>
            <div class="code-name">.icon-siluowenniya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-SandiArabia-shatealabo"></span>
            <div class="name">
              Sandi Arabia-沙特阿拉伯
            </div>
            <div class="code-name">.icon-SandiArabia-shatealabo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Uruguay-wulagui"></span>
            <div class="name">
              Uruguay-乌拉圭
            </div>
            <div class="code-name">.icon-Uruguay-wulagui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Turkey-tuerqi"></span>
            <div class="name">
              Turkey-土耳其
            </div>
            <div class="code-name">.icon-Turkey-tuerqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Switzerland-ruishi"></span>
            <div class="name">
              Switzerland-瑞士
            </div>
            <div class="code-name">.icon-Switzerland-ruishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Sweden-ruidian"></span>
            <div class="name">
              Sweden-瑞典
            </div>
            <div class="code-name">.icon-Sweden-ruidian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Portugal-putaoya"></span>
            <div class="name">
              Portugal-葡萄牙
            </div>
            <div class="code-name">.icon-Portugal-putaoya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-UnitedStates-meiguo"></span>
            <div class="name">
              United States-美国
            </div>
            <div class="code-name">.icon-UnitedStates-meiguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-SriLanka-sililanka"></span>
            <div class="name">
              Sri Lanka-斯里兰卡
            </div>
            <div class="code-name">.icon-SriLanka-sililanka
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-saineijiaer"></span>
            <div class="name">
              塞内加尔
            </div>
            <div class="code-name">.icon-saineijiaer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-telinidaheduobage"></span>
            <div class="name">
              特立尼达和多巴哥
            </div>
            <div class="code-name">.icon-telinidaheduobage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tukumansitan"></span>
            <div class="name">
              土库曼斯坦
            </div>
            <div class="code-name">.icon-tukumansitan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-balagui"></span>
            <div class="name">
              巴拉圭
            </div>
            <div class="code-name">.icon-balagui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengmalinuo"></span>
            <div class="name">
              圣马力诺
            </div>
            <div class="code-name">.icon-shengmalinuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiana"></span>
            <div class="name">
              加纳
            </div>
            <div class="code-name">.icon-jiana
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoxian"></span>
            <div class="name">
              朝鲜
            </div>
            <div class="code-name">.icon-zhaoxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yindu1"></span>
            <div class="name">
              印度
            </div>
            <div class="code-name">.icon-yindu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bingdao"></span>
            <div class="name">
              冰岛
            </div>
            <div class="code-name">.icon-bingdao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cotedivoireketediwa"></span>
            <div class="name">
              cote d'ivoire 科特迪瓦
            </div>
            <div class="code-name">.icon-cotedivoireketediwa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-grenadagelinnada"></span>
            <div class="name">
              grenada 格林纳达
            </div>
            <div class="code-name">.icon-grenadagelinnada
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guinea-bissaujineiyabishao"></span>
            <div class="name">
              guinea-bissau 几内亚比绍
            </div>
            <div class="code-name">.icon-guinea-bissaujineiyabishao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guyanaguiyana"></span>
            <div class="name">
              guyana 圭亚那
            </div>
            <div class="code-name">.icon-guyanaguiyana
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hondurashongdulasi"></span>
            <div class="name">
              honduras 洪都拉斯
            </div>
            <div class="code-name">.icon-hondurashongdulasi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-irelandaierlan"></span>
            <div class="name">
              ireland 爱尔兰
            </div>
            <div class="code-name">.icon-irelandaierlan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gibraltarzhibuluotuo"></span>
            <div class="name">
              gibraltar 直布罗陀
            </div>
            <div class="code-name">.icon-gibraltarzhibuluotuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-israelyiselie"></span>
            <div class="name">
              israel 以色列
            </div>
            <div class="code-name">.icon-israelyiselie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-iraqyilake"></span>
            <div class="name">
              iraq 伊拉克
            </div>
            <div class="code-name">.icon-iraqyilake
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jamaicayamaijia"></span>
            <div class="name">
              jamaica 牙买加
            </div>
            <div class="code-name">.icon-jamaicayamaijia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Jordanyuedan"></span>
            <div class="name">
              Jordan 约旦
            </div>
            <div class="code-name">.icon-Jordanyuedan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kenyakenniya"></span>
            <div class="name">
              kenya 肯尼亚
            </div>
            <div class="code-name">.icon-kenyakenniya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kuwaitkeweite"></span>
            <div class="name">
              kuwait 科威特
            </div>
            <div class="code-name">.icon-kuwaitkeweite
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lesotholaisuotuo"></span>
            <div class="name">
              lesotho 莱索托
            </div>
            <div class="code-name">.icon-lesotholaisuotuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kazakhstanhasakesitan"></span>
            <div class="name">
              kazakhstan 哈萨克斯坦
            </div>
            <div class="code-name">.icon-kazakhstanhasakesitan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liberialibiliya"></span>
            <div class="name">
              liberia 利比里亚
            </div>
            <div class="code-name">.icon-liberialibiliya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lithuanialitaowan"></span>
            <div class="name">
              lithuania 立陶宛
            </div>
            <div class="code-name">.icon-lithuanialitaowan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-luxemburglusenbao"></span>
            <div class="name">
              luxemburg 卢森堡
            </div>
            <div class="code-name">.icon-luxemburglusenbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lebanonlibanen"></span>
            <div class="name">
              lebanon 黎巴嫩
            </div>
            <div class="code-name">.icon-lebanonlibanen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-madagascarmadajiasijia"></span>
            <div class="name">
              madagascar 马达加斯加
            </div>
            <div class="code-name">.icon-madagascarmadajiasijia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-maldivesmaerdaifu"></span>
            <div class="name">
              maldives 马尔代夫
            </div>
            <div class="code-name">.icon-maldivesmaerdaifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-malimali"></span>
            <div class="name">
              mali 马里
            </div>
            <div class="code-name">.icon-malimali
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-malawimalawei"></span>
            <div class="name">
              malawi 马拉维
            </div>
            <div class="code-name">.icon-malawimalawei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mauritiusmaoliqiusi"></span>
            <div class="name">
              mauritius 毛里求斯
            </div>
            <div class="code-name">.icon-mauritiusmaoliqiusi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Liechtensteinliezhidunshideng"></span>
            <div class="name">
              Liechtenstein 列支敦士登
            </div>
            <div class="code-name">.icon-Liechtensteinliezhidunshideng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-monacomonage"></span>
            <div class="name">
              monaco 摩纳哥
            </div>
            <div class="code-name">.icon-monacomonage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mongoliamenggu"></span>
            <div class="name">
              mongolia 蒙古
            </div>
            <div class="code-name">.icon-mongoliamenggu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mozambiquemosangbike"></span>
            <div class="name">
              mozambique 莫桑比克
            </div>
            <div class="code-name">.icon-mozambiquemosangbike
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-naurunaolu"></span>
            <div class="name">
              nauru 瑙鲁
            </div>
            <div class="code-name">.icon-naurunaolu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-namibianamibiya"></span>
            <div class="name">
              namibia 纳米比亚
            </div>
            <div class="code-name">.icon-namibianamibiya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nigerianiriliya"></span>
            <div class="name">
              nigeria 尼日利亚
            </div>
            <div class="code-name">.icon-nigerianiriliya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nigernirier"></span>
            <div class="name">
              niger 尼日尔
            </div>
            <div class="code-name">.icon-nigernirier
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moldovamoerduowa"></span>
            <div class="name">
              moldova 摩尔多瓦
            </div>
            <div class="code-name">.icon-moldovamoerduowa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nicaraguanijialagua"></span>
            <div class="name">
              nicaragua 尼加拉瓜
            </div>
            <div class="code-name">.icon-nicaraguanijialagua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yidali"></span>
            <div class="name">
              意大利
            </div>
            <div class="code-name">.icon-yidali
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiongyali"></span>
            <div class="name">
              匈牙利
            </div>
            <div class="code-name">.icon-xiongyali
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xila"></span>
            <div class="name">
              希腊
            </div>
            <div class="code-name">.icon-xila
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yilang"></span>
            <div class="name">
              伊朗
            </div>
            <div class="code-name">.icon-yilang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-libiya"></span>
            <div class="name">
              利比亚
            </div>
            <div class="code-name">.icon-libiya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Norway-nuowei"></span>
            <div class="name">
              Norway-挪威
            </div>
            <div class="code-name">.icon-Norway-nuowei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Malta-maerta"></span>
            <div class="name">
              Malta-马耳他
            </div>
            <div class="code-name">.icon-Malta-maerta
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Nepal-niboer"></span>
            <div class="name">
              Nepal-尼泊尔
            </div>
            <div class="code-name">.icon-Nepal-niboer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Netherland-helan"></span>
            <div class="name">
              Netherland-荷兰
            </div>
            <div class="code-name">.icon-Netherland-helan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Latvia-latuoweiya"></span>
            <div class="name">
              Latvia-拉脱维亚
            </div>
            <div class="code-name">.icon-Latvia-latuoweiya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Newzealand-xinxilan"></span>
            <div class="name">
              New zealand-新西兰
            </div>
            <div class="code-name">.icon-Newzealand-xinxilan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Mexico-moxige"></span>
            <div class="name">
              Mexico-墨西哥
            </div>
            <div class="code-name">.icon-Mexico-moxige
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Guatemala-weidimala"></span>
            <div class="name">
              Guatemala-危地马拉
            </div>
            <div class="code-name">.icon-Guatemala-weidimala
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Japan-riben"></span>
            <div class="name">
              Japan-日本
            </div>
            <div class="code-name">.icon-Japan-riben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-SouthKorea-hanguo"></span>
            <div class="name">
              South Korea-韩国
            </div>
            <div class="code-name">.icon-SouthKorea-hanguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Morocco-moluoge"></span>
            <div class="name">
              Morocco-摩洛哥
            </div>
            <div class="code-name">.icon-Morocco-moluoge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-haidi"></span>
            <div class="name">
              海地
            </div>
            <div class="code-name">.icon-haidi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-boneierheshuandeliesi"></span>
            <div class="name">
              博内尔荷属安的列斯
            </div>
            <div class="code-name">.icon-boneierheshuandeliesi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guandao"></span>
            <div class="name">
              关岛
            </div>
            <div class="code-name">.icon-guandao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gangguo"></span>
            <div class="name">
              刚果
            </div>
            <div class="code-name">.icon-gangguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gelunbiya"></span>
            <div class="name">
              哥伦比亚
            </div>
            <div class="code-name">.icon-gelunbiya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhili"></span>
            <div class="name">
              智利
            </div>
            <div class="code-name">.icon-zhili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-aishaniya"></span>
            <div class="name">
              爱沙尼亚
            </div>
            <div class="code-name">.icon-aishaniya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-feiji"></span>
            <div class="name">
              斐济
            </div>
            <div class="code-name">.icon-feiji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beninbeining"></span>
            <div class="name">
              benin 贝宁
            </div>
            <div class="code-name">.icon-beninbeining
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-botswanabociwana"></span>
            <div class="name">
              botswana 博茨瓦纳
            </div>
            <div class="code-name">.icon-botswanabociwana
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-burkinafasobujinafasuo"></span>
            <div class="name">
              burkina faso 布基纳法索
            </div>
            <div class="code-name">.icon-burkinafasobujinafasuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-burundibulongdi"></span>
            <div class="name">
              burundi 布隆迪
            </div>
            <div class="code-name">.icon-burundibulongdi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cameroonkamailong"></span>
            <div class="name">
              cameroon 喀麦隆
            </div>
            <div class="code-name">.icon-cameroonkamailong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chadzhade"></span>
            <div class="name">
              chad 乍得
            </div>
            <div class="code-name">.icon-chadzhade
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-djiboutijibuti"></span>
            <div class="name">
              djibouti 吉布提
            </div>
            <div class="code-name">.icon-djiboutijibuti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ethiopiaaisaiebiya"></span>
            <div class="name">
              ethiopia 埃塞俄比亚
            </div>
            <div class="code-name">.icon-ethiopiaaisaiebiya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gabonjiapeng"></span>
            <div class="name">
              gabon 加蓬
            </div>
            <div class="code-name">.icon-gabonjiapeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-thegambiagangbiya"></span>
            <div class="name">
              the gambia 冈比亚
            </div>
            <div class="code-name">.icon-thegambiagangbiya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-danmai"></span>
            <div class="name">
              丹麦
            </div>
            <div class="code-name">.icon-danmai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-aiji"></span>
            <div class="name">
              埃及
            </div>
            <div class="code-name">.icon-aiji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baojialiya"></span>
            <div class="name">
              保加利亚
            </div>
            <div class="code-name">.icon-baojialiya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guba"></span>
            <div class="name">
              古巴
            </div>
            <div class="code-name">.icon-guba
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baxi"></span>
            <div class="name">
              巴西
            </div>
            <div class="code-name">.icon-baxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-boliweiya"></span>
            <div class="name">
              玻利维亚
            </div>
            <div class="code-name">.icon-boliweiya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jieke"></span>
            <div class="name">
              捷克
            </div>
            <div class="code-name">.icon-jieke
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianada"></span>
            <div class="name">
              加拿大
            </div>
            <div class="code-name">.icon-jianada
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-CostaRica-gesidalijia"></span>
            <div class="name">
              Costa Rica-哥斯达黎加
            </div>
            <div class="code-name">.icon-CostaRica-gesidalijia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Georgia-gelujiya"></span>
            <div class="name">
              Georgia-格鲁吉亚
            </div>
            <div class="code-name">.icon-Georgia-gelujiya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bolizi"></span>
            <div class="name">
              伯利兹
            </div>
            <div class="code-name">.icon-bolizi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duominijiagongheguo"></span>
            <div class="name">
              多米尼加共和国
            </div>
            <div class="code-name">.icon-duominijiagongheguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baimudaqundao"></span>
            <div class="name">
              百慕大群岛
            </div>
            <div class="code-name">.icon-baimudaqundao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-angela"></span>
            <div class="name">
              安哥拉
            </div>
            <div class="code-name">.icon-angela
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-aerbaniya"></span>
            <div class="name">
              阿尔巴尼亚
            </div>
            <div class="code-name">.icon-aerbaniya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bilishi"></span>
            <div class="name">
              比利时
            </div>
            <div class="code-name">.icon-bilishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-armeniayameiniya"></span>
            <div class="name">
              armenia 亚美尼亚
            </div>
            <div class="code-name">.icon-armeniayameiniya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-azerbaijanasaibaijiang"></span>
            <div class="name">
              azerbaijan 阿塞拜疆
            </div>
            <div class="code-name">.icon-azerbaijanasaibaijiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-barbadosbabaduosi"></span>
            <div class="name">
              barbados 巴巴多斯
            </div>
            <div class="code-name">.icon-barbadosbabaduosi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-belarusbaieluosi"></span>
            <div class="name">
              belarus 白俄罗斯
            </div>
            <div class="code-name">.icon-belarusbaieluosi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-aerjiliya"></span>
            <div class="name">
              阿尔及利亚
            </div>
            <div class="code-name">.icon-aerjiliya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-aodili"></span>
            <div class="name">
              奥地利
            </div>
            <div class="code-name">.icon-aodili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-afuhan"></span>
            <div class="name">
              阿富汗
            </div>
            <div class="code-name">.icon-afuhan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bahama"></span>
            <div class="name">
              巴哈马
            </div>
            <div class="code-name">.icon-bahama
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-antiguahebabuda"></span>
            <div class="name">
              安提瓜和巴布达
            </div>
            <div class="code-name">.icon-antiguahebabuda
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-agenting"></span>
            <div class="name">
              阿根廷
            </div>
            <div class="code-name">.icon-agenting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-balin"></span>
            <div class="name">
              巴林
            </div>
            <div class="code-name">.icon-balin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anguiladaoying"></span>
            <div class="name">
              安圭拉岛(英)
            </div>
            <div class="code-name">.icon-anguiladaoying
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Bangladesh-mengjialaguo"></span>
            <div class="name">
              Bangladesh-孟加拉国
            </div>
            <div class="code-name">.icon-Bangladesh-mengjialaguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-deguo"></span>
            <div class="name">
              德国
            </div>
            <div class="code-name">.icon-deguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingguo"></span>
            <div class="name">
              英国
            </div>
            <div class="code-name">.icon-yingguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-meiguo"></span>
            <div class="name">
              美国
            </div>
            <div class="code-name">.icon-meiguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-faguo"></span>
            <div class="name">
              法国
            </div>
            <div class="code-name">.icon-faguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yindu"></span>
            <div class="name">
              印度
            </div>
            <div class="code-name">.icon-yindu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-aomen"></span>
            <div class="name">
              澳门
            </div>
            <div class="code-name">.icon-aomen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuenan"></span>
            <div class="name">
              越南
            </div>
            <div class="code-name">.icon-yuenan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bruneiwenlai"></span>
            <div class="name">
              brunei 文莱
            </div>
            <div class="code-name">.icon-bruneiwenlai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-myanmarmiandian"></span>
            <div class="name">
              myanmar 缅甸
            </div>
            <div class="code-name">.icon-myanmarmiandian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-laozhua"></span>
            <div class="name">
              老挝
            </div>
            <div class="code-name">.icon-laozhua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yindunixiya"></span>
            <div class="name">
              印度尼西亚
            </div>
            <div class="code-name">.icon-yindunixiya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-malaixiya"></span>
            <div class="name">
              马来西亚
            </div>
            <div class="code-name">.icon-malaixiya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinxilan"></span>
            <div class="name">
              新西兰
            </div>
            <div class="code-name">.icon-xinxilan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-taiguo"></span>
            <div class="name">
              泰国
            </div>
            <div class="code-name">.icon-taiguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianpuzhai"></span>
            <div class="name">
              柬埔寨
            </div>
            <div class="code-name">.icon-jianpuzhai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-feilvbin"></span>
            <div class="name">
              菲律宾
            </div>
            <div class="code-name">.icon-feilvbin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xianggang"></span>
            <div class="name">
              香港
            </div>
            <div class="code-name">.icon-xianggang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinjiapo"></span>
            <div class="name">
              新加坡
            </div>
            <div class="code-name">.icon-xinjiapo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhongguo"></span>
            <div class="name">
              中国
            </div>
            <div class="code-name">.icon-zhongguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-aodaliya"></span>
            <div class="name">
              澳大利亚
            </div>
            <div class="code-name">.icon-aodaliya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Russia-eluosi"></span>
            <div class="name">
              Russia-俄罗斯
            </div>
            <div class="code-name">.icon-Russia-eluosi
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suoluomenqundao"></use>
                </svg>
                <div class="name">所罗门群岛</div>
                <div class="code-name">#icon-suoluomenqundao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinbabuwei"></use>
                </svg>
                <div class="name">津巴布韦</div>
                <div class="code-name">#icon-jinbabuwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengduomeihepulinxibi"></use>
                </svg>
                <div class="name">圣多美和普林西比</div>
                <div class="code-name">#icon-shengduomeihepulinxibi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengwensentehegelinnadingsi"></use>
                </svg>
                <div class="name">圣文森特和格林纳丁斯</div>
                <div class="code-name">#icon-shengwensentehegelinnadingsi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-alabolianheqiuchangguo"></use>
                </svg>
                <div class="name">阿拉伯联合酋长国</div>
                <div class="code-name">#icon-alabolianheqiuchangguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingguo1"></use>
                </svg>
                <div class="name">英国</div>
                <div class="code-name">#icon-yingguo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pakistanbajisitan"></use>
                </svg>
                <div class="name">pakistan 巴基斯坦</div>
                <div class="code-name">#icon-pakistanbajisitan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-panamabanama"></use>
                </svg>
                <div class="name">panama 巴拿马</div>
                <div class="code-name">#icon-panamabanama</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-polandbolan"></use>
                </svg>
                <div class="name">poland 波兰</div>
                <div class="code-name">#icon-polandbolan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-puertoricoboduolige"></use>
                </svg>
                <div class="name">puerto rico 波多黎各</div>
                <div class="code-name">#icon-puertoricoboduolige</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qatarqiataer"></use>
                </svg>
                <div class="name">qatar 卡塔尔</div>
                <div class="code-name">#icon-qatarqiataer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-seychellessaisheer"></use>
                </svg>
                <div class="name">seychelles 塞舌尔</div>
                <div class="code-name">#icon-seychellessaisheer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sierraleonesailaliang"></use>
                </svg>
                <div class="name">sierra leone 塞拉利昂</div>
                <div class="code-name">#icon-sierraleonesailaliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Somaliasuomali"></use>
                </svg>
                <div class="name">Somalia 索马里</div>
                <div class="code-name">#icon-Somaliasuomali</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sudansudan"></use>
                </svg>
                <div class="name">sudan 苏丹</div>
                <div class="code-name">#icon-sudansudan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-surinamesulinan"></use>
                </svg>
                <div class="name">suriname 苏里南</div>
                <div class="code-name">#icon-surinamesulinan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-syriaxuliya"></use>
                </svg>
                <div class="name">syria 叙利亚</div>
                <div class="code-name">#icon-syriaxuliya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tanzaniatansangniya"></use>
                </svg>
                <div class="name">tanzania 坦桑尼亚</div>
                <div class="code-name">#icon-tanzaniatansangniya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tajikistantajikesitan"></use>
                </svg>
                <div class="name">tajikistan 塔吉克斯坦</div>
                <div class="code-name">#icon-tajikistantajikesitan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-swazilandsiweishilan"></use>
                </svg>
                <div class="name">swaziland 斯威士兰</div>
                <div class="code-name">#icon-swazilandsiweishilan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-togoduoge"></use>
                </svg>
                <div class="name">togo 多哥</div>
                <div class="code-name">#icon-togoduoge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongatangjia"></use>
                </svg>
                <div class="name">tonga 汤加</div>
                <div class="code-name">#icon-tongatangjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tunisiatunisi"></use>
                </svg>
                <div class="name">tunisia 突尼斯</div>
                <div class="code-name">#icon-tunisiatunisi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ugandawuganda"></use>
                </svg>
                <div class="name">uganda 乌干达</div>
                <div class="code-name">#icon-ugandawuganda</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-uzbekistanwuzibiekesitan"></use>
                </svg>
                <div class="name">uzbekistan 乌兹别克斯坦</div>
                <div class="code-name">#icon-uzbekistanwuzibiekesitan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-venezuelaweineiruila"></use>
                </svg>
                <div class="name">venezuela 委内瑞拉</div>
                <div class="code-name">#icon-venezuelaweineiruila</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Yemenyemen"></use>
                </svg>
                <div class="name">Yemen 也门</div>
                <div class="code-name">#icon-Yemenyemen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Zambiazanbiya"></use>
                </svg>
                <div class="name">Zambia 赞比亚</div>
                <div class="code-name">#icon-Zambiazanbiya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-babuyaxinjineiya"></use>
                </svg>
                <div class="name">巴布亚新几内亚</div>
                <div class="code-name">#icon-babuyaxinjineiya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xibanya"></use>
                </svg>
                <div class="name">西班牙</div>
                <div class="code-name">#icon-xibanya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-milu"></use>
                </svg>
                <div class="name">秘鲁</div>
                <div class="code-name">#icon-milu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-luomaniya"></use>
                </svg>
                <div class="name">罗马尼亚</div>
                <div class="code-name">#icon-luomaniya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wukelan"></use>
                </svg>
                <div class="name">乌克兰</div>
                <div class="code-name">#icon-wukelan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nansilafu"></use>
                </svg>
                <div class="name">南斯拉夫</div>
                <div class="code-name">#icon-nansilafu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-siluofake"></use>
                </svg>
                <div class="name">斯洛伐克</div>
                <div class="code-name">#icon-siluofake</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-aman"></use>
                </svg>
                <div class="name">阿曼</div>
                <div class="code-name">#icon-aman</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-siluowenniya"></use>
                </svg>
                <div class="name">斯洛文尼亚</div>
                <div class="code-name">#icon-siluowenniya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-SandiArabia-shatealabo"></use>
                </svg>
                <div class="name">Sandi Arabia-沙特阿拉伯</div>
                <div class="code-name">#icon-SandiArabia-shatealabo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Uruguay-wulagui"></use>
                </svg>
                <div class="name">Uruguay-乌拉圭</div>
                <div class="code-name">#icon-Uruguay-wulagui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Turkey-tuerqi"></use>
                </svg>
                <div class="name">Turkey-土耳其</div>
                <div class="code-name">#icon-Turkey-tuerqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Switzerland-ruishi"></use>
                </svg>
                <div class="name">Switzerland-瑞士</div>
                <div class="code-name">#icon-Switzerland-ruishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Sweden-ruidian"></use>
                </svg>
                <div class="name">Sweden-瑞典</div>
                <div class="code-name">#icon-Sweden-ruidian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Portugal-putaoya"></use>
                </svg>
                <div class="name">Portugal-葡萄牙</div>
                <div class="code-name">#icon-Portugal-putaoya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-UnitedStates-meiguo"></use>
                </svg>
                <div class="name">United States-美国</div>
                <div class="code-name">#icon-UnitedStates-meiguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-SriLanka-sililanka"></use>
                </svg>
                <div class="name">Sri Lanka-斯里兰卡</div>
                <div class="code-name">#icon-SriLanka-sililanka</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-saineijiaer"></use>
                </svg>
                <div class="name">塞内加尔</div>
                <div class="code-name">#icon-saineijiaer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-telinidaheduobage"></use>
                </svg>
                <div class="name">特立尼达和多巴哥</div>
                <div class="code-name">#icon-telinidaheduobage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tukumansitan"></use>
                </svg>
                <div class="name">土库曼斯坦</div>
                <div class="code-name">#icon-tukumansitan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-balagui"></use>
                </svg>
                <div class="name">巴拉圭</div>
                <div class="code-name">#icon-balagui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengmalinuo"></use>
                </svg>
                <div class="name">圣马力诺</div>
                <div class="code-name">#icon-shengmalinuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiana"></use>
                </svg>
                <div class="name">加纳</div>
                <div class="code-name">#icon-jiana</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhaoxian"></use>
                </svg>
                <div class="name">朝鲜</div>
                <div class="code-name">#icon-zhaoxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yindu1"></use>
                </svg>
                <div class="name">印度</div>
                <div class="code-name">#icon-yindu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bingdao"></use>
                </svg>
                <div class="name">冰岛</div>
                <div class="code-name">#icon-bingdao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cotedivoireketediwa"></use>
                </svg>
                <div class="name">cote d'ivoire 科特迪瓦</div>
                <div class="code-name">#icon-cotedivoireketediwa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-grenadagelinnada"></use>
                </svg>
                <div class="name">grenada 格林纳达</div>
                <div class="code-name">#icon-grenadagelinnada</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guinea-bissaujineiyabishao"></use>
                </svg>
                <div class="name">guinea-bissau 几内亚比绍</div>
                <div class="code-name">#icon-guinea-bissaujineiyabishao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guyanaguiyana"></use>
                </svg>
                <div class="name">guyana 圭亚那</div>
                <div class="code-name">#icon-guyanaguiyana</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hondurashongdulasi"></use>
                </svg>
                <div class="name">honduras 洪都拉斯</div>
                <div class="code-name">#icon-hondurashongdulasi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-irelandaierlan"></use>
                </svg>
                <div class="name">ireland 爱尔兰</div>
                <div class="code-name">#icon-irelandaierlan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gibraltarzhibuluotuo"></use>
                </svg>
                <div class="name">gibraltar 直布罗陀</div>
                <div class="code-name">#icon-gibraltarzhibuluotuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-israelyiselie"></use>
                </svg>
                <div class="name">israel 以色列</div>
                <div class="code-name">#icon-israelyiselie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iraqyilake"></use>
                </svg>
                <div class="name">iraq 伊拉克</div>
                <div class="code-name">#icon-iraqyilake</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jamaicayamaijia"></use>
                </svg>
                <div class="name">jamaica 牙买加</div>
                <div class="code-name">#icon-jamaicayamaijia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Jordanyuedan"></use>
                </svg>
                <div class="name">Jordan 约旦</div>
                <div class="code-name">#icon-Jordanyuedan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kenyakenniya"></use>
                </svg>
                <div class="name">kenya 肯尼亚</div>
                <div class="code-name">#icon-kenyakenniya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kuwaitkeweite"></use>
                </svg>
                <div class="name">kuwait 科威特</div>
                <div class="code-name">#icon-kuwaitkeweite</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lesotholaisuotuo"></use>
                </svg>
                <div class="name">lesotho 莱索托</div>
                <div class="code-name">#icon-lesotholaisuotuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kazakhstanhasakesitan"></use>
                </svg>
                <div class="name">kazakhstan 哈萨克斯坦</div>
                <div class="code-name">#icon-kazakhstanhasakesitan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liberialibiliya"></use>
                </svg>
                <div class="name">liberia 利比里亚</div>
                <div class="code-name">#icon-liberialibiliya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lithuanialitaowan"></use>
                </svg>
                <div class="name">lithuania 立陶宛</div>
                <div class="code-name">#icon-lithuanialitaowan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-luxemburglusenbao"></use>
                </svg>
                <div class="name">luxemburg 卢森堡</div>
                <div class="code-name">#icon-luxemburglusenbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lebanonlibanen"></use>
                </svg>
                <div class="name">lebanon 黎巴嫩</div>
                <div class="code-name">#icon-lebanonlibanen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-madagascarmadajiasijia"></use>
                </svg>
                <div class="name">madagascar 马达加斯加</div>
                <div class="code-name">#icon-madagascarmadajiasijia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-maldivesmaerdaifu"></use>
                </svg>
                <div class="name">maldives 马尔代夫</div>
                <div class="code-name">#icon-maldivesmaerdaifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-malimali"></use>
                </svg>
                <div class="name">mali 马里</div>
                <div class="code-name">#icon-malimali</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-malawimalawei"></use>
                </svg>
                <div class="name">malawi 马拉维</div>
                <div class="code-name">#icon-malawimalawei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mauritiusmaoliqiusi"></use>
                </svg>
                <div class="name">mauritius 毛里求斯</div>
                <div class="code-name">#icon-mauritiusmaoliqiusi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Liechtensteinliezhidunshideng"></use>
                </svg>
                <div class="name">Liechtenstein 列支敦士登</div>
                <div class="code-name">#icon-Liechtensteinliezhidunshideng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-monacomonage"></use>
                </svg>
                <div class="name">monaco 摩纳哥</div>
                <div class="code-name">#icon-monacomonage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mongoliamenggu"></use>
                </svg>
                <div class="name">mongolia 蒙古</div>
                <div class="code-name">#icon-mongoliamenggu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mozambiquemosangbike"></use>
                </svg>
                <div class="name">mozambique 莫桑比克</div>
                <div class="code-name">#icon-mozambiquemosangbike</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-naurunaolu"></use>
                </svg>
                <div class="name">nauru 瑙鲁</div>
                <div class="code-name">#icon-naurunaolu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-namibianamibiya"></use>
                </svg>
                <div class="name">namibia 纳米比亚</div>
                <div class="code-name">#icon-namibianamibiya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nigerianiriliya"></use>
                </svg>
                <div class="name">nigeria 尼日利亚</div>
                <div class="code-name">#icon-nigerianiriliya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nigernirier"></use>
                </svg>
                <div class="name">niger 尼日尔</div>
                <div class="code-name">#icon-nigernirier</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moldovamoerduowa"></use>
                </svg>
                <div class="name">moldova 摩尔多瓦</div>
                <div class="code-name">#icon-moldovamoerduowa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nicaraguanijialagua"></use>
                </svg>
                <div class="name">nicaragua 尼加拉瓜</div>
                <div class="code-name">#icon-nicaraguanijialagua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yidali"></use>
                </svg>
                <div class="name">意大利</div>
                <div class="code-name">#icon-yidali</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiongyali"></use>
                </svg>
                <div class="name">匈牙利</div>
                <div class="code-name">#icon-xiongyali</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xila"></use>
                </svg>
                <div class="name">希腊</div>
                <div class="code-name">#icon-xila</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yilang"></use>
                </svg>
                <div class="name">伊朗</div>
                <div class="code-name">#icon-yilang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-libiya"></use>
                </svg>
                <div class="name">利比亚</div>
                <div class="code-name">#icon-libiya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Norway-nuowei"></use>
                </svg>
                <div class="name">Norway-挪威</div>
                <div class="code-name">#icon-Norway-nuowei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Malta-maerta"></use>
                </svg>
                <div class="name">Malta-马耳他</div>
                <div class="code-name">#icon-Malta-maerta</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Nepal-niboer"></use>
                </svg>
                <div class="name">Nepal-尼泊尔</div>
                <div class="code-name">#icon-Nepal-niboer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Netherland-helan"></use>
                </svg>
                <div class="name">Netherland-荷兰</div>
                <div class="code-name">#icon-Netherland-helan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Latvia-latuoweiya"></use>
                </svg>
                <div class="name">Latvia-拉脱维亚</div>
                <div class="code-name">#icon-Latvia-latuoweiya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Newzealand-xinxilan"></use>
                </svg>
                <div class="name">New zealand-新西兰</div>
                <div class="code-name">#icon-Newzealand-xinxilan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Mexico-moxige"></use>
                </svg>
                <div class="name">Mexico-墨西哥</div>
                <div class="code-name">#icon-Mexico-moxige</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Guatemala-weidimala"></use>
                </svg>
                <div class="name">Guatemala-危地马拉</div>
                <div class="code-name">#icon-Guatemala-weidimala</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Japan-riben"></use>
                </svg>
                <div class="name">Japan-日本</div>
                <div class="code-name">#icon-Japan-riben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-SouthKorea-hanguo"></use>
                </svg>
                <div class="name">South Korea-韩国</div>
                <div class="code-name">#icon-SouthKorea-hanguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Morocco-moluoge"></use>
                </svg>
                <div class="name">Morocco-摩洛哥</div>
                <div class="code-name">#icon-Morocco-moluoge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-haidi"></use>
                </svg>
                <div class="name">海地</div>
                <div class="code-name">#icon-haidi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-boneierheshuandeliesi"></use>
                </svg>
                <div class="name">博内尔荷属安的列斯</div>
                <div class="code-name">#icon-boneierheshuandeliesi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guandao"></use>
                </svg>
                <div class="name">关岛</div>
                <div class="code-name">#icon-guandao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gangguo"></use>
                </svg>
                <div class="name">刚果</div>
                <div class="code-name">#icon-gangguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gelunbiya"></use>
                </svg>
                <div class="name">哥伦比亚</div>
                <div class="code-name">#icon-gelunbiya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhili"></use>
                </svg>
                <div class="name">智利</div>
                <div class="code-name">#icon-zhili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-aishaniya"></use>
                </svg>
                <div class="name">爱沙尼亚</div>
                <div class="code-name">#icon-aishaniya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-feiji"></use>
                </svg>
                <div class="name">斐济</div>
                <div class="code-name">#icon-feiji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beninbeining"></use>
                </svg>
                <div class="name">benin 贝宁</div>
                <div class="code-name">#icon-beninbeining</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-botswanabociwana"></use>
                </svg>
                <div class="name">botswana 博茨瓦纳</div>
                <div class="code-name">#icon-botswanabociwana</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-burkinafasobujinafasuo"></use>
                </svg>
                <div class="name">burkina faso 布基纳法索</div>
                <div class="code-name">#icon-burkinafasobujinafasuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-burundibulongdi"></use>
                </svg>
                <div class="name">burundi 布隆迪</div>
                <div class="code-name">#icon-burundibulongdi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cameroonkamailong"></use>
                </svg>
                <div class="name">cameroon 喀麦隆</div>
                <div class="code-name">#icon-cameroonkamailong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chadzhade"></use>
                </svg>
                <div class="name">chad 乍得</div>
                <div class="code-name">#icon-chadzhade</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-djiboutijibuti"></use>
                </svg>
                <div class="name">djibouti 吉布提</div>
                <div class="code-name">#icon-djiboutijibuti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ethiopiaaisaiebiya"></use>
                </svg>
                <div class="name">ethiopia 埃塞俄比亚</div>
                <div class="code-name">#icon-ethiopiaaisaiebiya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gabonjiapeng"></use>
                </svg>
                <div class="name">gabon 加蓬</div>
                <div class="code-name">#icon-gabonjiapeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-thegambiagangbiya"></use>
                </svg>
                <div class="name">the gambia 冈比亚</div>
                <div class="code-name">#icon-thegambiagangbiya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danmai"></use>
                </svg>
                <div class="name">丹麦</div>
                <div class="code-name">#icon-danmai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-aiji"></use>
                </svg>
                <div class="name">埃及</div>
                <div class="code-name">#icon-aiji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baojialiya"></use>
                </svg>
                <div class="name">保加利亚</div>
                <div class="code-name">#icon-baojialiya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guba"></use>
                </svg>
                <div class="name">古巴</div>
                <div class="code-name">#icon-guba</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baxi"></use>
                </svg>
                <div class="name">巴西</div>
                <div class="code-name">#icon-baxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-boliweiya"></use>
                </svg>
                <div class="name">玻利维亚</div>
                <div class="code-name">#icon-boliweiya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jieke"></use>
                </svg>
                <div class="name">捷克</div>
                <div class="code-name">#icon-jieke</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianada"></use>
                </svg>
                <div class="name">加拿大</div>
                <div class="code-name">#icon-jianada</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-CostaRica-gesidalijia"></use>
                </svg>
                <div class="name">Costa Rica-哥斯达黎加</div>
                <div class="code-name">#icon-CostaRica-gesidalijia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Georgia-gelujiya"></use>
                </svg>
                <div class="name">Georgia-格鲁吉亚</div>
                <div class="code-name">#icon-Georgia-gelujiya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bolizi"></use>
                </svg>
                <div class="name">伯利兹</div>
                <div class="code-name">#icon-bolizi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duominijiagongheguo"></use>
                </svg>
                <div class="name">多米尼加共和国</div>
                <div class="code-name">#icon-duominijiagongheguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baimudaqundao"></use>
                </svg>
                <div class="name">百慕大群岛</div>
                <div class="code-name">#icon-baimudaqundao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-angela"></use>
                </svg>
                <div class="name">安哥拉</div>
                <div class="code-name">#icon-angela</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-aerbaniya"></use>
                </svg>
                <div class="name">阿尔巴尼亚</div>
                <div class="code-name">#icon-aerbaniya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bilishi"></use>
                </svg>
                <div class="name">比利时</div>
                <div class="code-name">#icon-bilishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-armeniayameiniya"></use>
                </svg>
                <div class="name">armenia 亚美尼亚</div>
                <div class="code-name">#icon-armeniayameiniya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-azerbaijanasaibaijiang"></use>
                </svg>
                <div class="name">azerbaijan 阿塞拜疆</div>
                <div class="code-name">#icon-azerbaijanasaibaijiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-barbadosbabaduosi"></use>
                </svg>
                <div class="name">barbados 巴巴多斯</div>
                <div class="code-name">#icon-barbadosbabaduosi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-belarusbaieluosi"></use>
                </svg>
                <div class="name">belarus 白俄罗斯</div>
                <div class="code-name">#icon-belarusbaieluosi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-aerjiliya"></use>
                </svg>
                <div class="name">阿尔及利亚</div>
                <div class="code-name">#icon-aerjiliya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-aodili"></use>
                </svg>
                <div class="name">奥地利</div>
                <div class="code-name">#icon-aodili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-afuhan"></use>
                </svg>
                <div class="name">阿富汗</div>
                <div class="code-name">#icon-afuhan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bahama"></use>
                </svg>
                <div class="name">巴哈马</div>
                <div class="code-name">#icon-bahama</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-antiguahebabuda"></use>
                </svg>
                <div class="name">安提瓜和巴布达</div>
                <div class="code-name">#icon-antiguahebabuda</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-agenting"></use>
                </svg>
                <div class="name">阿根廷</div>
                <div class="code-name">#icon-agenting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-balin"></use>
                </svg>
                <div class="name">巴林</div>
                <div class="code-name">#icon-balin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anguiladaoying"></use>
                </svg>
                <div class="name">安圭拉岛(英)</div>
                <div class="code-name">#icon-anguiladaoying</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Bangladesh-mengjialaguo"></use>
                </svg>
                <div class="name">Bangladesh-孟加拉国</div>
                <div class="code-name">#icon-Bangladesh-mengjialaguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-deguo"></use>
                </svg>
                <div class="name">德国</div>
                <div class="code-name">#icon-deguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingguo"></use>
                </svg>
                <div class="name">英国</div>
                <div class="code-name">#icon-yingguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-meiguo"></use>
                </svg>
                <div class="name">美国</div>
                <div class="code-name">#icon-meiguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-faguo"></use>
                </svg>
                <div class="name">法国</div>
                <div class="code-name">#icon-faguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yindu"></use>
                </svg>
                <div class="name">印度</div>
                <div class="code-name">#icon-yindu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-aomen"></use>
                </svg>
                <div class="name">澳门</div>
                <div class="code-name">#icon-aomen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuenan"></use>
                </svg>
                <div class="name">越南</div>
                <div class="code-name">#icon-yuenan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bruneiwenlai"></use>
                </svg>
                <div class="name">brunei 文莱</div>
                <div class="code-name">#icon-bruneiwenlai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-myanmarmiandian"></use>
                </svg>
                <div class="name">myanmar 缅甸</div>
                <div class="code-name">#icon-myanmarmiandian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-laozhua"></use>
                </svg>
                <div class="name">老挝</div>
                <div class="code-name">#icon-laozhua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yindunixiya"></use>
                </svg>
                <div class="name">印度尼西亚</div>
                <div class="code-name">#icon-yindunixiya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-malaixiya"></use>
                </svg>
                <div class="name">马来西亚</div>
                <div class="code-name">#icon-malaixiya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinxilan"></use>
                </svg>
                <div class="name">新西兰</div>
                <div class="code-name">#icon-xinxilan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-taiguo"></use>
                </svg>
                <div class="name">泰国</div>
                <div class="code-name">#icon-taiguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianpuzhai"></use>
                </svg>
                <div class="name">柬埔寨</div>
                <div class="code-name">#icon-jianpuzhai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-feilvbin"></use>
                </svg>
                <div class="name">菲律宾</div>
                <div class="code-name">#icon-feilvbin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianggang"></use>
                </svg>
                <div class="name">香港</div>
                <div class="code-name">#icon-xianggang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinjiapo"></use>
                </svg>
                <div class="name">新加坡</div>
                <div class="code-name">#icon-xinjiapo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongguo"></use>
                </svg>
                <div class="name">中国</div>
                <div class="code-name">#icon-zhongguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-aodaliya"></use>
                </svg>
                <div class="name">澳大利亚</div>
                <div class="code-name">#icon-aodaliya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Russia-eluosi"></use>
                </svg>
                <div class="name">Russia-俄罗斯</div>
                <div class="code-name">#icon-Russia-eluosi</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
